<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Plugins css-->
  <link href="/static/assets/plugins/bootstrap-tagsinput/dist/bootstrap-tagsinput.css" rel="stylesheet" />
  <link href="/static/assets/plugins/multiselect/css/multi-select.css" rel="stylesheet" type="text/css" />
  <link href="/static/assets/plugins/select2/dist/css/select2.css" rel="stylesheet" type="text/css">
  <link href="/static/assets/plugins/select2/dist/css/select2-bootstrap.css" rel="stylesheet" type="text/css">
  <link href="/static/assets/plugins/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.css" rel="stylesheet" />
  <link href="/static/assets/plugins/switchery/switchery.min.css" rel="stylesheet" />
  <link href="/static/assets/plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet">
  <link href="/static/assets/plugins/mjolnic-bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css"
    rel="stylesheet">
  <link href="/static/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" rel="stylesheet">
  <link href="/static/assets/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">

  <!--Morris Chart CSS -->
  <link rel="stylesheet" href="/static/assets/plugins/morris/morris.css">
  <!-- form Uploads -->
  <link href="/static/assets/plugins/fileuploads/css/dropify.min.css" rel="stylesheet" type="text/css" />
  <!-- Bootstrap Date picker css -->
  <link href="/static/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" rel="stylesheet">
  <!-- Sweet Alert css -->
  <link href="/static/assets/plugins/bootstrap-sweetalert/sweet-alert.css" rel="stylesheet" type="text/css" />
  <!-- App css -->
  <link href="/static/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <link href="/static/assets/css/core.css" rel="stylesheet" type="text/css" />
  <link href="/static/assets/css/components.css" rel="stylesheet" type="text/css" />
  <link href="/static/assets/css/icons.css" rel="stylesheet" type="text/css" />
  <link href="/static/assets/css/pages.css" rel="stylesheet" type="text/css" />
  <link href="/static/assets/css/menu.css" rel="stylesheet" type="text/css" />
  <link href="/static/assets/css/responsive.css" rel="stylesheet" type="text/css" />

  <!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  <![endif]-->

  <script src="/static/assets/js/modernizr.min.js"></script>
  <link rel="shortcut icon" href="/static/assets/images/favicon.ico">
  <title>Thefuture</title>
</head>


<body class="fixed-left">
  <div id="app"></div>
  <!-- built files will be auto injected -->
  <script>
    var resizefunc = [];

  </script>
</body>


<!-- jQuery  -->
<script src="/static/assets/js/jquery.min.js"></script>
<script src="/static/assets/js/bootstrap.min.js"></script>
<script src="/static/assets/js/detect.js"></script>
<script src="/static/assets/js/fastclick.js"></script>
<script src="/static/assets/js/jquery.blockUI.js"></script>
<script src="/static/assets/js/waves.js"></script>
<script src="/static/assets/js/jquery.nicescroll.js"></script>
<script src="/static/assets/js/jquery.slimscroll.js"></script>
<script src="/static/assets/js/jquery.scrollTo.min.js"></script>


<!-- Counter Up  -->
<script src="/static/assets/plugins/waypoints/lib/jquery.waypoints.js"></script>
<script src="/static/assets/plugins/counterup/jquery.counterup.min.js"></script>

<!-- KNOB JS -->
<!--[if IE]>
        <script type="text/javascript" src="assets/plugins/jquery-knob/excanvas.js"></script>
        <![endif]-->
<script src="/static/assets/plugins/jquery-knob/jquery.knob.js"></script>

<!-- file uploads js -->
<script src="/static/assets/plugins/fileuploads/js/dropify.min.js"></script>

<!-- Sweet Alert js -->
<script src="/static/assets/plugins/bootstrap-sweetalert/sweet-alert.min.js"></script>
<script src="/static/assets/pages/jquery.sweet-alert.init.js"></script>

<!-- Plugins Js -->
<script src="/static/assets/plugins/switchery/switchery.min.js"></script>
<script src="/static/assets/plugins/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js"></script>
<script type="text/javascript" src="/static/assets/plugins/multiselect/js/jquery.multi-select.js"></script>
<script type="text/javascript" src="/static/assets/plugins/jquery-quicksearch/jquery.quicksearch.js"></script>
<script src="/static/assets/plugins/select2/dist/js/select2.min.js" type="text/javascript"></script>
<script src="/static/assets/plugins/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.js" type="text/javascript">
</script>
<script src="/static/assets/plugins/bootstrap-inputmask/bootstrap-inputmask.min.js" type="text/javascript"></script>
<script src="/static/assets/plugins/moment/moment.js"></script>
<script src="/static/assets/plugins/timepicker/bootstrap-timepicker.min.js"></script>
<script src="/static/assets/plugins/mjolnic-bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js"></script>
<script src="/static/assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<script src="/static/assets/plugins/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="/static/assets/plugins/bootstrap-maxlength/bootstrap-maxlength.min.js" type="text/javascript"></script>


<!-- App js -->
<script src="/static/assets/js/jquery.core.js"></script>
<script src="/static/assets/js/jquery.app.js"></script>

<script type="text/javascript">
  $('.dropify').dropify({
    messages: {
      'default': '点击或拖拽文件到这里',
      'replace': '点击或拖拽文件到这里来替换文件',
      'remove': '移除文件',
      'error': 'Ooops, 上传失败'
    },
    error: {
      'fileSize': '你上传的文件太大了 (1G max).'
    }
  });

</script>
<script>
  jQuery(document).ready(function () {

    //advance multiselect start
    $('#my_multi_select3').multiSelect({
      selectableHeader: "<input type='text' class='form-control search-input' autocomplete='off' placeholder='search...'>",
      selectionHeader: "<input type='text' class='form-control search-input' autocomplete='off' placeholder='search...'>",
      afterInit: function (ms) {
        var that = this,
          $selectableSearch = that.$selectableUl.prev(),
          $selectionSearch = that.$selectionUl.prev(),
          selectableSearchString = '#' + that.$container.attr('id') +
          ' .ms-elem-selectable:not(.ms-selected)',
          selectionSearchString = '#' + that.$container.attr('id') + ' .ms-elem-selection.ms-selected';

        that.qs1 = $selectableSearch.quicksearch(selectableSearchString)
          .on('keydown', function (e) {
            if (e.which === 40) {
              that.$selectableUl.focus();
              return false;
            }
          });

        that.qs2 = $selectionSearch.quicksearch(selectionSearchString)
          .on('keydown', function (e) {
            if (e.which == 40) {
              that.$selectionUl.focus();
              return false;
            }
          });
      },
      afterSelect: function () {
        this.qs1.cache();
        this.qs2.cache();
      },
      afterDeselect: function () {
        this.qs1.cache();
        this.qs2.cache();
      }
    });

    // Select2
    $(".select2").select2();

    $(".select2-limiting").select2({
      maximumSelectionLength: 2
    });

  });

  //Bootstrap-TouchSpin
  $(".vertical-spin").TouchSpin({
    verticalbuttons: true,
    buttondown_class: "btn btn-primary",
    buttonup_class: "btn btn-primary",
    verticalupclass: 'ti-plus',
    verticaldownclass: 'ti-minus'
  });
  var vspinTrue = $(".vertical-spin").TouchSpin({
    verticalbuttons: true
  });
  if (vspinTrue) {
    $('.vertical-spin').prev('.bootstrap-touchspin-prefix').remove();
  }

  $("input[name='demo1']").TouchSpin({
    min: 0,
    max: 100,
    step: 0.1,
    decimals: 2,
    boostat: 5,
    maxboostedstep: 10,
    buttondown_class: "btn btn-primary",
    buttonup_class: "btn btn-primary",
    postfix: '%'
  });
  $("input[name='demo2']").TouchSpin({
    min: -1000000000,
    max: 1000000000,
    stepinterval: 50,
    buttondown_class: "btn btn-primary",
    buttonup_class: "btn btn-primary",
    maxboostedstep: 10000000,
    prefix: '$'
  });
  $("input[name='demo3']").TouchSpin({
    buttondown_class: "btn btn-primary",
    buttonup_class: "btn btn-primary"
  });
  $("input[name='demo3_21']").TouchSpin({
    initval: 40,
    buttondown_class: "btn btn-primary",
    buttonup_class: "btn btn-primary"
  });
  $("input[name='demo3_22']").TouchSpin({
    initval: 40,
    buttondown_class: "btn btn-primary",
    buttonup_class: "btn btn-primary"
  });

  $("input[name='demo5']").TouchSpin({
    prefix: "pre",
    postfix: "post",
    buttondown_class: "btn btn-primary",
    buttonup_class: "btn btn-primary"
  });
  $("input[name='demo0']").TouchSpin({
    buttondown_class: "btn btn-primary",
    buttonup_class: "btn btn-primary"
  });

  // Time Picker
  jQuery('#timepicker').timepicker({
    defaultTIme: false
  });
  jQuery('#timepicker2').timepicker({
    showMeridian: false
  });
  jQuery('#timepicker3').timepicker({
    minuteStep: 15
  });

  //colorpicker start

  $('.colorpicker-default').colorpicker({
    format: 'hex'
  });
  $('.colorpicker-rgba').colorpicker();

  // Date Picker
  jQuery('#datepicker').datepicker();
  jQuery('#datepicker-autoclose').datepicker({
    autoclose: true,
    todayHighlight: true
  });
  jQuery('#datepicker-inline').datepicker();
  jQuery('#datepicker-multiple-date').datepicker({
    format: "mm/dd/yyyy",
    clearBtn: true,
    multidate: true,
    multidateSeparator: ","
  });
  jQuery('#date-range').datepicker({
    toggleActive: true
  });

  //Date range picker
  $('.input-daterange-datepicker').daterangepicker({
    buttonClasses: ['btn', 'btn-sm'],
    applyClass: 'btn-default',
    cancelClass: 'btn-primary'
  });
  $('.input-daterange-timepicker').daterangepicker({
    timePicker: true,
    format: 'MM/DD/YYYY h:mm A',
    timePickerIncrement: 30,
    timePicker12Hour: true,
    timePickerSeconds: false,
    buttonClasses: ['btn', 'btn-sm'],
    applyClass: 'btn-default',
    cancelClass: 'btn-primary'
  });
  $('.input-limit-datepicker').daterangepicker({
    format: 'MM/DD/YYYY',
    minDate: '06/01/2016',
    maxDate: '06/30/2016',
    buttonClasses: ['btn', 'btn-sm'],
    applyClass: 'btn-default',
    cancelClass: 'btn-primary',
    dateLimit: {
      days: 6
    }
  });

  $('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format(
    'MMMM D, YYYY'));

  $('#reportrange').daterangepicker({
    format: 'MM/DD/YYYY',
    startDate: moment().subtract(29, 'days'),
    endDate: moment(),
    minDate: '01/01/2016',
    maxDate: '12/31/2016',
    dateLimit: {
      days: 60
    },
    showDropdowns: true,
    showWeekNumbers: true,
    timePicker: false,
    timePickerIncrement: 1,
    timePicker12Hour: true,
    ranges: {
      'Today': [moment(), moment()],
      'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
      'Last 7 Days': [moment().subtract(6, 'days'), moment()],
      'Last 30 Days': [moment().subtract(29, 'days'), moment()],
      'This Month': [moment().startOf('month'), moment().endOf('month')],
      'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
    },
    opens: 'left',
    drops: 'down',
    buttonClasses: ['btn', 'btn-sm'],
    applyClass: 'btn-success',
    cancelClass: 'btn-default',
    separator: ' to ',
    locale: {
      applyLabel: 'Submit',
      cancelLabel: 'Cancel',
      fromLabel: 'From',
      toLabel: 'To',
      customRangeLabel: 'Custom',
      daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
      monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October',
        'November', 'December'
      ],
      firstDay: 1
    }
  }, function (start, end, label) {
    console.log(start.toISOString(), end.toISOString(), label);
    $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
  });

  //Bootstrap-MaxLength
  $('input#defaultconfig').maxlength()

  $('input#thresholdconfig').maxlength({
    threshold: 20
  });

  $('input#moreoptions').maxlength({
    alwaysShow: true,
    warningClass: "label label-success",
    limitReachedClass: "label label-danger"
  });

  $('input#alloptions').maxlength({
    alwaysShow: true,
    warningClass: "label label-success",
    limitReachedClass: "label label-danger",
    separator: ' out of ',
    preText: 'You typed ',
    postText: ' chars available.',
    validate: true
  });

  $('textarea#textarea').maxlength({
    alwaysShow: true
  });

  $('input#placement').maxlength({
    alwaysShow: true,
    placement: 'top-left'
  });

</script>

</html>
